/* 防止图片闪一下 */
image{
    will-change: transform;
}
/* scroll-view x */
.scroll-row{
    width: 100%;
    white-space: nowrap;
}
.scroll-row-item{
    display: inline-block;
}
body{
    --pramiry:'#ccc';
}
.border-primary{
    border-color: var(--pramiry)!important;
}
/* position */
.position-relative{
    position:relative;
}
.position-absolute{
    position: absolute;
}
.position-fixed{
    position: fixed;
}
.top-0{
    top: 0;
}
.left-0{
    left: 0;
}
.right-0{
    right: 0;
}
.bottom-0{
    bottom: 0;
}
/* 布局 */
.row{
    box-sizing: border-box!important;
    display: flex!important;
    flex-direction: row!important;
    flex-wrap: wrap;
}
.j-content-c{
    justify-content: center;
}
.j-content-bwt{
    justify-content: space-between;
}
.col-1{
    width:62.5upx;
}
.col-2{
    width: 125upx;
}
.col3{
    width: 187.5upx;
}
.col-4{
    width: 250upx;
}
.col-5{
    width: 312.5upx;
}
.col-6{
    width: 375upx;
}
.col-7{
    width: 437.5upx;
}
.col-8{
    width: 500upx;
}
.col-9{
    width: 562.5upx;
}
.col-10{
    width: 625upx;
}
.col-11{
    width: 687.5upx;
}
.col-12{
    width: 750upx;
}
/* 栅栏布局 */
.span-1{
    width: 5%;
}
.span-2{
    width: 10%;
}
.span-3{
    width: 15%;
}
.span-4{
    width: 20%;
}
.span-5{
    width: 25%;
}
.span-6{
    width: 30%;
}
.span-7{
    width: 35%;
}
.span-8{
    width: 40%;
}
.span-9{
    width: 45%;
}
.span-10{
    width: 50%;
}
.span-11{
    width: 55%;
}
.span-12{
    width: 60%;
}
.span-13{
    width: 65%;
}
.span-14{
    width: 70%;
}
.span-15{
    width: 75%;
}
.span-16{
    width: 75%;
}
.span-17{
    width: 80%;
}
.span-18{
    width: 85%;
}
.span-19{
    width: 90%;
}
.span-20{
    width: 100%;
}
/* 字体 */
.font-bold{
    font-weight: bold!important;
}
.font20{
    font-size: 20upx!important;
}
.font22{
    font-size: 22upx!important;
}
.font24{
    font-size: 24upx!important;
}
.font26{
    font-size: 26upx!important;
}
.font28{
    font-size: 28upx!important;
}
.font30{
    font-size: 30upx!important;
}
.font32{
    font-size: 32upx!important;
}
.font34{
    font-size: 34upx!important;
}
.font36{
    font-size: 36upx!important;
}
.font38{
    font-size: 38upx!important;
}
.font40{
    font-size: 40upx!important;
}
.font60{
    font-size: 60upx!important;
}
.text-center{
    text-align: center;
}
/* 边距 */
.p-0{
    padding: 0;
}
.p-1{
    padding: 5upx;
}
.p-2{
    padding: 10upx;
}
.p-3{
    padding: 15upx;
}
.p-4{
    padding: 20upx;
}
.p-5{
    padding: 25upx;
}
.p-6{
    padding: 30upx;
} 
.p-tb-6{
    padding: 30upx 0;
}
.p-lr-6{
    padding:0 30upx;
}